<!DOCTYPE html>
<html>
<head>
<title>美赞臣H5小游戏</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,target-densitydpi=device-dpi,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta name="format-detection" content="telephone=no" />
<meta name="format-detection" content="email=no" />
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Cache-control" content="no-cache">
<meta http-equiv="Cache" content="no-cache">
<link rel="stylesheet" type="text/css" href="css/common.css" />
<link rel="stylesheet" type="text/css" href="css/index.css?v=22" />
<script src="http://res.wx.qq.com/open/js/jweixin-1.4.0.js"></script>
<script src="js/base/base.js"></script>
<script src="js/jquery.js"></script>
<script src="js/annieCore.min.js"></script>
<script src="js/jquery.VP.js"></script>
<script src="js/bscroll.min.js"></script>
<script src="js/base/com.js"></script>
<style type="text/css">
.gonggaobox{width:100%;height:100%;position:absolute;top:0;left:0;background:rgba(0,0,0,0.6);overflow:hidden;z-index:1102;}
.gonggaopic{width:90%;height:90%;position:absolute;top:5%;left:5%;background:#00afff;overflow:hidden;}
img.gonggaoLogo{display:block;width:6.3rem;height:1.71rem;position:absolute;top:-1px;left:0.1rem;}
.ggbox01{width:5.85rem;height:1.35rem;position:absolute;left:0.5rem;top:2rem;background:#ffffff;border-radius:0.2rem;text-align:center;overflow:hidden;}
img.ggpic{display:block;width:5.4rem;height:100%;position:relative;margin:0 auto;padding:0;}
.ggbox02{width:5.85rem;position:absolute;left:0.5rem;bottom:0.5rem;top:3.5rem;background:#ffffff;border-radius:0.2rem;text-align:center;overflow:hidden;}
.ggscrollbox{width:5.4rem;position:absolute;top:0.25rem;left:0.25rem;bottom:0.25rem;overflow:hidden;}
img.closegonggao{display:block;width:0.58rem;height:0.58rem;position:absolute;top:0.52rem;right:0.5rem;left:auto;}
.ggbox01-time{position:absolute;top:58%;width:100%;color:#126388;font-size:0.27rem;font-weight:600;}
.ggcontentbox{text-align:left;color:#126388;font-size:16px;}
.ggcontentbox strong{font-weight:600;}
.ggcontentbox p{line-height:0.36rem;}
</style>
<script>
//是否创建了我的战队
ibase.init({dir:'portrait',lock:true});
    var _gameStatus='1';
	var wtitle="标题";
	var wdesc1="宝宝排便困难，肚肚难受<br />原来是肠道动力不足<br />日常";
	var wdesc2="美赞臣蓝臻<br />优量DHA+MFGM乳脂球膜<br />补足脑动力";
	//障碍物数组  12   18   14
	var objarr=[
		{src:"images/z1.png?v=1",type:"kill",width:150,height:122,title:"不好，遇上消化问题！",des1:"宝宝娇嫩肠胃正处于发育期<br />给宝宝选择合适口粮很重要<br />避免出现消化不良，吸收不好等系列问题",des2:"美赞臣亲舒<br />微蛋白，低乳糖<br />让宝宝舒适肠胃易消化"},
		{src:"images/z2.png?v=1",type:"kill",width:180,height:94,title:"哎呀，肠道堵住了！",des1:"宝宝排便困难，肚肚难受<br />原来是肠道动力不足<br />日常",des2:"美赞臣铂睿<br />独特长锻炼益生元组合<br />呵护全肠，便便轻松"},
		{src:"images/z3.png?v=1",type:"kill",width:150,height:116,title:"糟糕，碰到细菌病毒！",des1:"看似安全的地方也可能危机四伏<br />细菌病毒潜藏在各种隐秘角落<br />外出游玩记得加强宝宝的免疫防护",des2:"美赞臣蓝臻<br />黄金水平乳铁蛋白<br />激活宝宝天生保护力"},
		{src:"images/z4.png?v=1",type:"kill",width:150,height:119,title:"糟糕，摄入垃圾食品！",des1:"高油、高盐、高糖的垃圾食品<br />使宝宝发胖的同时，还会导致营养不足<br />健康天然的食物更适合宝宝成长发育<br />",des2:"美赞臣草饲安儿宝<br />自由放牧，鲜草为食<br />户外草饲奶，天然好营养"},
		{src:"images/z5.png?v=1",type:"kill",width:180,height:74,title:"糟糕，吸收不好！",des1:"宝宝光吃不长肉，营养白白流失<br />别让吸收不好成为成长的阻力<br />选择好吸收的智慧营养",des2:"美赞臣铂睿A2<br />天然乳汁中的亲和A2蛋白<br />肚肚舒服，营养吸收好"},
		{src:"images/z6.png?v=1",type:"kill",width:170,height:127,title:"哎呀，大脑营养不足！",des1:"快速成长期+多元外界信息<br />导致宝宝大脑营养不足<br />日常记得要给宝宝大脑“充电”哦",des2:"美赞臣蓝臻<br />优量DHA+MFGM乳脂球膜<br />补足脑动力，养成机灵小宝贝"}
	]
	var wtitle=objarr[0]['title'];
	var wdesc1=objarr[0]['des1'];
	var wdesc2=objarr[0]['des2'];
	//var objStep=Math.floor(Math.random() * objarr.length);
	//金币
	var moneyarr=[
		{src:"images/m1.png",type:"money",width:100,height:133},
		{src:"images/m2.png?v=2",type:"money",width:100,height:133},
		{src:"images/m3.png",type:"money",width:100,height:133},
		{src:"images/m4.png",type:"money",width:100,height:133},
		{src:"images/m5.png",type:"money",width:100,height:133},
		{src:"images/m6.png",type:"money",width:100,height:133},
		{src:"images/m7.png",type:"money",width:100,height:133},
	]
	/* $.post("api/?c=getgame", {id:1}, function(data){
		if(data.s == 'y'){
			objarr=data.obj;
			moneyarr=data.moneyarr;
	    }
	}, "json"); */
	$(function(){
		$(".content").css({"background-image":"url(images/bg.jpg)"})
	})
</script>
</head>
<body>
<article id="container">
	<!-- 用户登录 -->
	<div class="loginbox" style="display:none;">
		<img src="images/loginbg.png" class="loginbg" />
		<div class="showUserHeaderimgbox">
			<img src="images/headerimg.jpg" />
		</div>
		<div class="loginusername">昵称</div>
		<div class="inputbox">
			<input type="number" pattern="[0-9]*" maxlength="11" class="inputsty inputnumber" value=""  placeholder="请输入手机号" oninput="if(value.length>11)value=value.slice(0,11)" />
			<input type="text" class="inputsty inputtext" value=""  placeholder="请输入验证码" />
			<div class="getYzm" >获取验证码</div>
			<img src="images/loginbtn.png" class="loginbgn" title="注册登录" />
			
			<div class="xieyibtn"></div>
		</div>
		
		<!-- 协议 -->
		<div class="xieyibox">
			<div class="xieyioutbox">
				<div class="scrollxieyibox">
					<img src="images/tk_01.jpg" />
					<img src="images/tk_02.jpg" />
					<img src="images/tk_03.jpg" />
				</div>
			</div>
		</div>
		
	</div>
	
	<!-- 游戏部分 -->
	<section class="content" id="content">
		<div class="gamebox" id="gamebox"></div>
		<div class="gifbox" id="gifbox"></div>
		<div class="animal">
			<img src="images/animal.png" class="animalItem animalzhenmian" style="display:block;" title="正面" />
			<img src="images/animal-bg-gif.gif" class="animalItem animalbeimian" style="display:none;" title="背面"/>
			<img src="images/animal-bg2.png?v=1" class="animalItem animaldengxia" style="display:none;" title="蹲下"/>
			<img src="images/animal-bg3.png" class="animalItem animalku" style="display:none;" title="库"/>
		</div>
	</section>
	<img src="images/logo2.png" class="logo" />
	<div class="scorebox" title="得分">0</div>
	<img src="images/zhibojian.png" class="zhibojian" title="直播间" />
	<div class="bgmbox" title="背景音乐">
	    <img src="images/music-icon-pause.png" title="暂停" class="pauseBgm pBgm1" />
		<img src="images/music-icon-play.png" title="播放" class="playBgm pBgm2" />
	</div>
	<img src="images/paihangbang.png" class="paihangbang" title="排行榜" />
	<img src="images/gonggao.png" class="gonggao" title="公告" />
	<img src="images/wodezhandui.png" class="wodezhandui" title="我的战队" />
	
	<!-- 开始浮层 -->
	
	<div class="startbox" >
		
		
		
		<div class="playbtn startBtn" style="display:block;" title="开始"></div>
		<!-- 重新开始 -->
		<div class="replaybox" style="display:none;">
			<!-- <div class="showUserHeaderimgbox2">
				<img src="images/headerimg.jpg" />
			</div> -->
			<img src="images/close.png" class="closereplaybox" />
			<div class="scorebox2">0</div>
			<img src="images/replay-btn.png" class="replay" title="继续和再来一局"/>
			<img src="images/replayShowphb-btn.png" class="replayShowphb" />
			
			<div class="playendTxt1">
				<!-- 糟糕糟糕，摄入垃圾食品！ -->
			</div>
			<div class="playendTxt2">
				<!-- 宝宝娇嫩肠胃正处于发育期<br />
				给宝宝选择合适口粮很重要<br />
				避免出现消化不良，吸收不好等系列问题 -->

			</div>
			<div class="playendTxt3">
				<!-- 美赞臣草饲安儿宝<br />
				自由放牧，鲜草为食<br />
				五星户外草饲奶，给宝宝天然好 -->
			</div>
			
			
		</div>
	</div>
	
	<!-- 倒计时 -->
	<div class="daojishi">
		<div class="daojishitxt">
			<img src="images/d3.png" class="djsnum" style="display:block;"/>
			<img src="images/d2.png" class="djsnum" style="display:none;"/>
			<img src="images/d1.png" class="djsnum" style="display:none;"/>
		</div>
		
	</div>
	
	
	<!-- 新纪录浮层 -->
	<div class="newrecordbox" style="display:none;">
		<div class="innewrecordbox">
			<div class="headerbox">
				<img src="images/headerimg.jpg" />
			</div>
			<div class="newRecordNum">52145</div>
			<div class="sharebtn" title="邀请好友"></div>
			<div class="rplaybtn" title="继续挑战"></div>
		</div>
	</div>
	
 
	<!-- 直播间浮层 -->
	<div class="zhibojianbox">
		<div class="zhibojianpicbox">
			<img src="images/zhibojianPic.png" class="zhibojianpic" />
			<img src="images/back1.png" class="zhibojianback" />
		</div>
	</div>
	
	<!-- 公告 -->
	<div class="gonggaobox" style="display:none;">
    	<div class="gonggaopic" >
    		<div class="bordersty">
    			<img src="images/gonggaoLogo.png" class="gonggaoLogo" />
    			<img src="images/close.png" class="closegonggao" />
    		</div>
    		<div class="ggbox01">
    			<img src="images/gg01.png" class="ggpic" />
    			<div class="ggbox01-time"></div>
    		</div>
    		<div class="ggbox02">
    			<div class="ggscrollbox">
    				<div class="ggscrollbox2">
    					<div class="ggcontentbox">
    						<img src="images/gg02.png" />
    					</div>
    				</div>
    			</div>
    		</div>
    		
    	</div>
	</div>
	
	<!-- 排行榜 -->
	<div class="paihangbangbox paihangbangbox1" style="display:none;">
		<div src="images/paihangbangtitle.png" class="paihangbangtitle" >
			<img src="images/back2.png" class="backphb" />
		</div>
		
		<div class="phbbox1">
			<div class="phbboxbg"></div>
			<!-- 排行榜tab 切换 -->
			<div class="tabbox">
				<div class="tab1 tableft1" title="个人排行榜">
					<!-- <img src="images/myTab.png" class="tab1bg" style="display:none;"/> -->
					<img src="images/myTabActive.png" class="tab1bg tab1bgactive" style="display:block;"/>
				</div>
				<div class="tab1 tabright1" title="战队排行榜">
					<!-- <img src="images/groupTab.png" class="tab1bg" style="display:block;"/> -->
					<img src="images/groupTabActive.png" class="tab1bg tab1bgactive" style="display:block;"/>
				</div>
			</div>
			<img src="images/txt1.png" class="txt1" />
			<div class="msgbox">
				<div class="mymsgbox mymsgbox1" style="display:block;" title="我的排行">
					<div class="myphmsg" >
						<div class="gourpHeaderbox">
								<!-- 在榜单内 -->
								<div class="groupHeader groupHeader1-1" style="display:block">
									<img src="images/headerimg.jpg" />
								</div>
								<!-- 不在榜单内 -->
								<div class="groupHeader groupHeaderno1-1" style="display:none">
									<img src="images/headerimg.jpg" />
								</div>

						</div>
						<!-- 不在榜单内 就把数字隐藏 -->
						<div class="myLayer" title="我的排行数字">11</div> 
						
						<div class="layerName0">user01</div>
						<div class="layerScore0">100</div>
						<img src="images/icon-1.png" class="iconjp0" />
						<img src="images/txt2.png" class="noshangbang" title="当前未上榜"/>
					</div>
				</div>
				<div class="groupmsgbox groupmsgbox1" style="display:none;" title="我的战队" >
					<div class="mygroupbox" style="display:none;" title="显示战队信息">
						<div class="gourpHeaderbox">
								<!-- 战队只有一个人头 -->
								<div class="groupHeader groupHeader1-1">
									<img src="images/headerimg.jpg" />
								</div>
								
								<!-- 战队只有二个人头 -->
								<!-- <div class="groupHeader groupHeader2-1">
									<img src="images/headerimg.jpg" />
								</div>
								<div class="groupHeader groupHeader2-2">
									<img src="images/headerimg.jpg" />
								</div> -->
								
								<!-- 战队只有三个人头 -->
								<!-- <div class="groupHeader groupHeader3-1">
									<img src="images/headerimg.jpg" />
								</div>
								<div class="groupHeader groupHeader3-2">
									<img src="images/headerimg.jpg" />
								</div>
								<div class="groupHeader groupHeader3-3">
									<img src="images/headerimg.jpg" />
								</div> -->
						</div>
						<div class="myLayer">5</div>
						<div class="layerName0">userna</div>
						<div class="layerScore0">1001</div>
						<img src="images/icon-1.png" class="iconjp0" />
						<img src="images/txt2.png" class="noshangbang" title="当前未上榜"/>
					</div>
					
					<div class="joinGroup" title="加入战队" style="display:block;"></div>
				</div>
			</div>
			<!--个人和战队列表 -->
			<div class="listbox">
				<div class="listItembox" >
					<div class="listItemscrolbox listItemscrolbox1">
						<div class="grScrollbox" title="个人排行">
							<ul class="listUlbox listUlbox1" >
								<li class="listItem listItemFront3 listItemFront3-1">
									<div class="listUserheaderbox3">
										<img src="images/headerimg.jpg" />
									</div>
									<img src="images/1.png" class="layer123" />
									<div class="layerName">个人排行</div>
									<div class="layerScore">1000</div>
									<img src="images/icon-1.png" class="iconjp" />
								</li>
								<li class="listItem listItemFront3 listItemFront3-2">
									<div class="listUserheaderbox3">
										<img src="images/headerimg.jpg" />
									</div>
									<img src="images/2.png" class="layer123" />
									<div class="layerName">个人排行</div>
									<div class="layerScore">1000</div>
									<img src="images/icon-2.png" class="iconjp" />
								</li>
								
								<li class="listItem listItemFront3 listItemFront3-3">
									<div class="listUserheaderbox3">
										<img src="images/headerimg.jpg" />
									</div>
									<img src="images/3.png" class="layer123" />
									<div class="layerName">个人排行</div>
									<div class="layerScore">1000</div>
									<img src="images/icon-3.png" class="iconjp" />
								</li>
								<li class="listItem">
									<div class="listUserheaderbox">
										<img src="images/headerimg.jpg" />
									</div>
									<div class="layernum">4</div>
									<div class="layerName">个人排行</div>
									<div class="layerScore">1000</div>
								</li>
								<li class="listItem">
									<div class="listUserheaderbox">
										<img src="images/headerimg.jpg" />
									</div>
									<div class="layernum">5</div>
									<div class="layerName">个人排行</div>
									<div class="layerScore">1000</div>
								</li>
								
							</ul>
						</div>
						
						<div class="groupScrollbox" title="战队排行">
							<ul class="listUlbox listUlbox2" >
								<li class="listItem listItemFront3 listItemFront3-1">
									<!-- 一个人头 -->
									<!-- <div class="listUserheaderbox3-1-1">
										<img src="images/headerimg.jpg" />
									</div> -->
									
									<!-- 二个人头 -->
									<!-- <div class="listUserheaderbox3-2-1">
										<img src="images/headerimg.jpg" />
									</div>
									<div class="listUserheaderbox3-2-2">
										<img src="images/headerimg.jpg" />
									</div> -->
									
									
									<!-- 三个人头 -->
									<div class="listUserheaderbox3-3-1">
										<img src="images/headerimg.jpg" />
									</div>
									<div class="listUserheaderbox3-3-2">
										<img src="images/headerimg.jpg" />
									</div>
									<div class="listUserheaderbox3-3-3">
										<img src="images/headerimg.jpg" />
									</div>
									
									
									
									
									
									<img src="images/1.png" class="layer123" />
									<div class="layerName">战队排行</div>
									<div class="layerScore">1000</div>
									<img src="images/icon-1.png" class="iconjp" />
								</li>
								<li class="listItem listItemFront3 listItemFront3-2">
									<div class="listUserheaderbox3">
										<img src="images/headerimg.jpg" />
									</div>
									<img src="images/2.png" class="layer123" />
									<div class="layerName">战队排行</div>
									<div class="layerScore">1000</div>
									<img src="images/icon-2.png" class="iconjp" />
								</li>
								
								<li class="listItem listItemFront3 listItemFront3-3">
									<div class="listUserheaderbox3">
										<img src="images/headerimg.jpg" />
									</div>
									<img src="images/3.png" class="layer123" />
									<div class="layerName">战队排行</div>
									<div class="layerScore">1000</div>
									<img src="images/icon-3.png" class="iconjp" />
								</li>
								<li class="listItem">
									<div class="listUserheaderbox">
										<img src="images/headerimg.jpg" />
									</div>
									<div class="layernum">4</div>
									<div class="layerName">战队排行</div>
									<div class="layerScore">1000</div>
								</li>
								
								
							</ul>
						</div>
					</div>
				</div>
	 
			</div>
			
			
		</div>
		
	</div>
	
	<!-- 我的战队 -->
	<div class="myzhandui" style="display:none;">
		
		<div class="myzhanduititle" >
			<img src="images/back2.png" class="backwdzd" />
		</div>
		
		<div class="nozhanduibox" title="创建战队" style="display:none;">
			<div class="innozhanduibox">
				<div class="chuangjzdbtn"></div>
			</div>
		</div>
		
		<div class="inmyzhanduibox" title="我的战队详情" style="display:block;">	
			<div class="myzhanduimsg">
				
				<div class="rentoubox">
					<!-- 一个人头 -->
					<div class="rentou rentou1">
						<img src="images/headerimg.jpg" />
					</div>

					<!-- 二个人头 -->
					<div class="rentou rentou2-1">
						<img src="images/headerimg.jpg" />
					</div>
					<div class="rentou rentou2-2">
						<img src="images/headerimg.jpg" />
					</div>
					
					<!-- 三个人头 -->
					<div class="rentou rentou3-1">
						<img src="images/headerimg.jpg" />
					</div>
					<div class="rentou rentou3-2">
						<img src="images/headerimg.jpg" />
					</div>
					<div class="rentou rentou3-3">
						<img src="images/headerimg.jpg" />
					</div>
					
				</div>
				
				<div class="myzhanduiname">美赞臣活力战队</div>
				<div class="myzdpaiming">
					当前排名:12
				</div>
				<div class="myzdjifen">
					总积分:<span>12000分</span>
				</div>
			</div>
			<div class="zhanduichengyuan">战队成员(3/3)</div>
			<!-- 我的战队列表 -->
			<div class="wodezdlist">
				<img src="images/txt3.png" class="txt3" />
				<ul class="myzdlistUlbox" >
					<li class="myzdlistItem">
						<div class="listUserheaderbox3">
							<img src="images/headerimg.jpg" />
						</div>
						<div class="layerName">战队排行</div>
						<div class="layerScorezd">10</div>
						
						<div class="outGroup">退出</div>
						
					</li>
					<li class="myzdlistItem">
						<div class="listUserheaderbox3">
							<img src="images/headerimg.jpg" />
						</div>
						<div class="layerName">战队排行</div>
						<div class="layerScorezd">10</div>
						<div class="outGroup">退出</div>
					</li>
				</ul>	
			</div>
			
			<img src="images/sharebtnzd.png" class="sharebtnzdbtn" title="邀请好友"/>
		</div>
		<!-- 确认退出浮层 -->
		<div class="querenoutgroup">
			<div class="querenoutgroupbg">
				<div class="queyiyijue" title="去意已决"></div>
				<div class="wozaixiangxiang" title="我再想想"></div>
			</div>
			
		</div>
 
	</div>
	
	<!-- 加入战队 -->
	<div class="createGroupbox" style="display:none;">
		<!-- 创建战队输入框 -->
		<div class="createGroup" style="display:block;">
			
			<input type="text" value="" placeholder="战队名称" class="groupname" />
			<div class="closeCreategroupbox" title="关闭"></div>
			<div class="qrcreatebtn" title="确认"></div>
		</div>
		
		<!-- 创建成功 -->
		<div class="createsuccessbox" style="display:none;">
			<div class="cgroupUserheaderbox cgroupUserheader-1">
				<img src="images/headerimg.jpg" class="cgroupUserheaderpic-1" />
				<div class="chenyuanname">昵称</div>
			</div>
			<div class="cgroupUserheaderbox cgroupUserheader-2">
				<img src="images/jia.png" class="cgroupUserheaderpic-1" />
			</div>
			<div class="cgroupUserheaderbox cgroupUserheader-3">
				<img src="images/jia.png" class="cgroupUserheaderpic-1" />
			</div>
			
			<div class="showGroupname">
				<span class="inshowGroupname"></span>
			</div>
			<div class="closeCreategroupbox" title="关闭"></div>
			<div class="showsharefloatbtn" title="邀请好友"></div>
		</div>
		
	</div>

	<!-- 通过好友分享链接进入 加入战队 -->
	<div class="sourceShareJoingroup" style="display:none;">
		<!-- 加入战队详情 -->
		<div class="joinsharegroupbox" style="display:block;">
			<div class="joingroupUserheaderbox joingroupUserheader-1">
				<img src="images/headerimg.jpg" class="joingroupUserheaderpic-1" />
				<div class="chenyuanname">昵称</div>
			</div>
			<div class="joingroupUserheaderbox joingroupUserheader-2">
				<img src="images/jia.png" class="joingroupUserheaderpic-1" />
				<div class="chenyuanname">昵称</div>
			</div>
			<div class="joingroupUserheaderbox joingroupUserheader-3">
				<img src="images/jia.png" class="joingroupUserheaderpic-1" />
				<div class="chenyuanname">昵称</div>
			</div>
			
			<div class="showGroupname">
				<span class="inshowGroupname"></span>
			</div>
			<div class="closesharejoingroupbox closerepeatbox" title="关闭"></div>
			<div class="querenjiarugroupbtn" title="确认加入"></div>
		</div>
		
		<!-- 加入战队成功 -->
		<div class="joinsharegroupsuccessbox" style="display:none">
			<div class="chakanmyzhandui" title="查看我的战队"></div>
			<div class="closesharejoingroupbox closerepeatbox" title="关闭"></div>
		</div>
		
		<!-- 重复加入 -->
		<div class="repeatjoinsharegroupsuccessbox" style="display:none">
			<div class="repeatJoinquerenbtn closerepeatbox" title="确认"></div>
			<!-- <div class="closesharejoingroupbox closerepeatbox" title="关闭"></div> -->
		</div>
		
	</div>
	
	<!-- 活动未开始 -->
	<div class="activeNotStartbox" style="display:none;">
		<div class="activeNotStart">
			<div class="activeNotStartChakangonggao" title="查看公告"></div>
		</div>
	</div>
	
	<!-- 活动一结束 -->
	<div class="endactivebox" style="display:none;">
		<div class="endactive">
			<div class="endactiveChakangonggao" title="查看公告"></div>
			<!-- <div class="closeendactivebox" title="关闭"></div> -->
		</div>
	</div>
	
	<!-- 邀请好友 -->
	<div class="sharefloat">
		<img src="images/sharepic.png" />
		
	</div>

	<div class="loaddatabox"><img src="images/load.gif" /></div>
	
	<div class="weui-toast" style="display:none;">
         <i class="weui-icon-warn weui-icon_toast"></i>
         <p class="weui-toast__content">战队名已存在</p>
    </div>
    <div style="display:none;">
	    <audio id="bgm" preload="auto"  loop="loop"><source src='./mp3/bg.mp3' type="audio/mp3"> </audio>
	    <audio id="fen" preload="auto"><source src='./mp3/fen.mp3' type="audio/mp3"> </audio>
	    <audio id="peng" volume="0.6" preload="auto"><source src='./mp3/peng.mp3' type="audio/mp3"> </audio>
	</div>
	
</article>
<script src="js/index.js?v=789"></script>
</body>
</html>